.container{
  //nav
  .nav{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    z-index:999;
    .nav_header{
      border-bottom:1px solid #f0f0f0;
      display: flex;
      background-color: #fff;
      text-align: center;
      font-size: 32rpx;
      view{
        /*width: 20%;*/
        padding: 20rpx 10rpx;
      }
      .actived{
        color:#0097ff;
        border-bottom: 2px solid #0097ff;
      }
    }
    .score_select{
      display: flex;
      background-color: #f5f5f5;
      view{
        padding: 10rpx 14rpx;
        font-size: 28rpx;
        background-color: #fff;
        border-radius: 10rpx;
        margin: 10rpx;
      }
      .actived{
        color:#fff;
        background-color: #0097ff;
      }
    }
  }
  .content_vip{
    margin-top: 100rpx;
    .morning_list{
      .time{
        padding: 30rpx;
        font-size: 26rpx;
        color:#333;
        text{
          margin-left: 30rpx;
        }
      }
      .message{
        background-color: #fff;
        padding: 0 30rpx;
        navigator {
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #f0f0f0;
          padding: 30rpx 0;
          .content_img {
            width: 200rpx;
            height: 200rpx;
            position: relative;
            margin-right: 16rpx;
            image {
              width: 120rpx;
              height: 120rpx;
              border-radius: 50%;
            }
            view{
              text-align: center;
              font-size: 28rpx;
              color:#ff1542;
            }
            .black{
              color:#999;
            }
            .red{
              color:#ff1542;
            }
            .green{
              color:#1aad19;
            }
          }
          .content_mes {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            font-size: 24rpx;
            color: #999;
            width: 900rpx;
            .top {
              display: flex;
              justify-content: space-between;
              align-items: center;
              .name {
                font-size: 32rpx;
                color: #000;
              }
              .person{
                font-size: 22rpx;
              }
            }
            .center{
              margin-bottom: 16rpx;
              .title {
                color: #666;
                max-height: 78rpx;
                line-height: 40rpx;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                word-break: break-all;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
              }
              .star_activity_time {
                color: #666;
              }
            }
            .bottom {
              display: flex;
              justify-content: space-between;
            }
          }
        }
      }
    }
    .exchange_code{
      navigator{
        display: flex;
        margin: 0 30rpx 20rpx;
        .exchange_mes{
          background-color: #fff;
          border-radius: 20rpx;
          border-right: 1px dashed #e9ebfd;
          padding: 10rpx 20rpx 20rpx;
          width: 520rpx;
          .code{
            color:#4a98fa;
            font-size: 24rpx;
            font-weight: 700;
            text{
              font-size: 54rpx;
              letter-spacing: -1rpx;
            }
          }
          .type{
            color:#333;
            font-size: 26rpx;
            margin-bottom: 30rpx;
          }
          .con{
            color:#666;
            font-size: 26rpx;
          }
          .con_mes{
            color:#666;
            font-size: 24rpx;
            text{
              margin-right: 30rpx;
            }
            view{
            }
          }
        }
        .copy{
          background-color: #fff;
          border-radius: 20rpx;
          position: relative;
          padding: 0 20rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          view{
            width: 140rpx;
            height: 56rpx;
            line-height: 56rpx;
            text-align: center;
            background-color: #4a98fa;
            color:#fff;
            font-size: 30rpx;
            border-radius: 40rpx;
          }
          image{
            width: 84rpx;
            height: 74rpx;
            position: absolute;
            right:0;
            bottom:0;
          }
        }
      }
    }
    .important_mes{
      background-color: #fff;
      padding: 0 30rpx;
      navigator {
        display: flex;
        border-bottom: 1px solid #f0f0f0;
        padding: 30rpx 0;
        .content_img {
          margin-right:30rpx;
          image {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
          }
          view{
            text-align: center;
            font-size: 28rpx;
            color:#ff1542;
          }
          .black{
            color:#999;
          }
          .red{
            color:#ff1542;
          }
          .green{
            color:#1aad19;
          }
        }
        .content_mes {
          font-size: 24rpx;
          color: #999;
          width:80%;
          .top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .top_left{
              display: flex;
              justify-content: space-between;
              align-items: center;
              .name {
                font-size: 36rpx;
                color: #000;
                font-weight: 700;
                margin-right: 80rpx;
              }
              .age{
                image{
                  width: 17rpx;
                  height: 21rpx;
                }
              }
            }
          }
          .center{
            font-size: 28rpx;
            color:#666;
            margin: 20rpx 0;
            text-overflow:-o-ellipsis-lastline;
            overflow:hidden;
            text-overflow:ellipsis;
            display:-webkit-box;
            -webkit-line-clamp:1;
            line-clamp:1;
            -webkit-box-orient:vertical;

          }
          .bottom {
            display: flex;
            view{
              background-color: #f7f7f7;
              padding: 4rpx 10rpx;
              margin-right: 20rpx;
              color:#666;
              border-radius: 6rpx;
            }

          }
        }
      }
    }
  }
  .content_vip_margin{
    margin-top: 170rpx;
  }
  /*上拉加载*/
  .footer_more{
    color:#999;
    padding:50rpx 0;
    text-align:center;
    font-size:24rpx;
  }
  /*空数据*/
  .empty_message{
    margin-top: 280rpx;
    .again_request{
      text-align: center;
    }
  }
  /*右下角固定*/
  .fixed_vip{
    position: fixed;
    bottom: 40rpx;
    right: 30rpx;
    text-align: center;
    font-size: 28rpx;
    .download_img{
      margin-top: 20rpx;
    }
  }
  /*海报弹窗*/
  .share_poster{
    width: 100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .show_img{
    position: fixed;
    top:50%;
    left:50%;
    z-index: 99999;
    transform:translate(-50%,-50%);
    button{
      background-color:#3952fc;
      color:#fff;
      border-radius:60rpx;
      width:90%;
      margin-left:5%;
      padding:0 0;
      font-size:32rpx;
    }
    .tips{
      color:#fff;
      font-size: 28rpx;
      margin-top: 50rpx;
      text-align: center;
    }
  }
}